<template>
  <el-breadcrumb separator-class="el-icon-arrow-right">
  <el-breadcrumb-item v-for='(item,index) in names' :key="index">{{item}}</el-breadcrumb-item>
</el-breadcrumb>
</template>

<script>
export default {
        name:'BreadCrumb',
        props:{
            names:{
                type:Array,
                default(){
                    return []
                }
            }
        }
}
</script>

<style>
        .el-breadcrumb{
            margin-bottom: 20px;
        }
</style>